<template>
  <view>
    <navigator url="/packageA/pages/apple/apple">去分包苹果</navigator>
    <navigator url="/packageA/pages/orange/orange">去分包橘子</navigator>
    <!-- <image src="/packageA/static/ic_tabs_joke_active.png" mode=""></image> -->
    <uni-badge size="small" :text="100" absolute="rightBottom" type="primary">
      <button type="default">右下</button>
    </uni-badge>
    <uni-badge text="1"></uni-badge>
    <uni-badge text="2" type="purple" @click="bindClick"></uni-badge>
    <uni-badge text="3" type="primary" :inverted="true"></uni-badge>
  </view>
</template>

<script setup>
// 选项式API
// export default {
//   onLoad() {
//     console.log('页面加载')
//   },
//   onShow() {
//     console.log('页面显示')
//   },
//   onHide() {
//     console.log('页面加载')
//   },
//   onReady() {
//     console.log('页面渲染完成')
//   },
// }
import { onLoad, onShow } from '@dcloudio/uni-app'
import { onMounted } from 'vue'
onLoad(() => {
  console.log('页面加载222')
})
onShow(() => {
  console.log('页面显示452')
})
onMounted(() => {
  console.log('在所有vue文件都可以用')
})
</script>

<style></style>
